<docs>
  ## 存档信息查询
</docs>
<template>
  <div class="body">
    <mheader type="index" @back_btn="goBack()" title="存档信息查询"></mheader>
    <div class="choice">
      <div v-if="!noDataFlag">
        <div class="szjg">档案所在机构：<span> {{data.jdxzqhmc}}</span></div>
        <div class="szjg">退休时间： <span>{{data.txsj}}</span></div>
        <div class="szjg">退休类别： <span>{{data.txlb}}</span></div>
        <div class="szjg">实体档案存放地类别： <span>{{data.stdacfdlb}}</span></div>
        <div class="_tip" v-show="data.sfsyq == 1">
          友情提示：本功能仅限于查询实行了社会化管理服务退休人员的人事档案存档信息。查询结果仅供参考，如有异议可到相关存档机构进行核实，查询结果数据截止{{sjjzrq}}。系统测试期间，部分区的存档信息暂不支持查询。顺义区社会化管理退休人员的实体档案在顺义区劳服中心存档，仅办理查询业务可到户籍所在地街道（乡镇）社保所。
        </div>
        <div class="_tip" v-show="data.sfsyq != 1">
          友情提示：本功能仅限于查询实行了社会化管理服务退休人员的人事档案存档信息。查询结果仅供参考，如有异议可到相关存档机构进行核实，查询结果数据截止{{sjjzrq}}。系统测试期间，部分区的存档信息暂不支持查询。
        </div>
      </div>
      <div v-if="noDataFlag">
        <div class="_weight">未查到您的存档信息</div>
        <div class="_tip">友情提示：本功能仅限于查询实行了社会化管理服务退休人员的人事档案存档信息。查询结果仅供参考，如有异议可到相关存档机构进行核实，查询结果数据截止{{sjjzrq}}。系统测试期间，部分区的存档信息暂不支持查询。</div>
      </div>
    </div>
  </div>
</template>
<script>
import Mheader from '@/txry/group/mheader/mheader';
import $ from 'common/js/axios';

export default {
  components: { Mheader },
  name: 'reverseOne',
  data() {
    return {
      data: {},
      zcxx: {},
      sjjzrq:"",
      noDataFlag: false
    };
  },
  methods: {
    goBack(){
      this.$router.go(-1);
    },
    // 查询就业工种
    GET_jygzCx() {
      this.$loading = true;
      $.get('/wszzfw/cdjdCx').then((res) => {
        let _data = res.returnData
        const flag = parseInt(_data.executeResult, 10);
        this.sjjzrq = _data.sjjzrq
        this.$loading = false;
        if (flag === 1) {
          this.data = _data.cdxx == undefined ? {} : _data.cdxx;
          this.zcxx = _data.zcxx == undefined ? {} : _data.zcxx;

        }else{
          this.noDataFlag = true;
        }
      });
    },
  },
  created() {
    this.GET_jygzCx();
  }
};
</script>
<style lang="scss" scoped>
  @import '~common/scss/variable.scss';
  //竖屏  CSS
@media screen and (orientation: portrait) {
  .body {
    height: 100vh;
    width: 100vw;
  }
}
@media screen and (orientation: landscape) {
//横CSS
}
  .choice {
    position: relative;
    border: $border;
    padding-left: $padding-base;
    background-color: #fff;
    height: 93%;
    box-sizing: border-box;
    border: $border;
    font-size: $font-size-large;
    ._tip{
      position: absolute;
      bottom: 1.2rem;
      width: 90%;
      font-size: $font-size-large;
    }
  }
  .szjg{
    margin: $margin-base*3 0;
    color: #000;
    span{
      color: #999;
    }
  }
  ._weight{
    text-align: center;
    margin: $margin-base*3 0;
    font-weight: 900;
    font-size: $font-size-large;
  }
  .next-step {
    margin-top: $margin-base * 5;
    width: 100%;
    box-sizing: border-box;
    padding: $padding-base;
    .btn {
      width: 100%;
    }
  }
</style>
